<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>插入数据</title>
    <style media="screen">

    * {
      text-align: center;
    }
    .sj{
      margin: 10px;
    }
    </style>
  </head>
  <body>

      <input type="text" class="sj" value=""><span>字段1：标题名</span></br>
      <input type="text" class="sj" value=""><span>字段2：图片1src 举例：1-1.jpg</span></br>

      <input type="text" class="sj" value=""><span>字段3：图片2src 举例：1-2.jpg</span></br>

      <input type="text" class="sj" value=""><span>字段4：图片2底下名称</span></br>

      <input type="text" class="sj" value=""><span>字段5：按宠物类型分类，1为狗，2为猫，3为小宠水族爬虫</span></br></br>

      <input type="text" class="sj" value=""><span>字段6：按服务类型分类，1为饲养，2为训练，3为医疗</span></br>

      <input type="text" class="sj" value=""><span>字段7：数据识别id 举例：第一条数据为 wrap1-  第二条为wrap2-</span></br>

      <!-- <input type="text" class="sj" value=""><span>字段8：基本信息图src 格式举例：1-1 （只写1-1，下一个条数据2-1）</span></br>

      <input type="text" class="sj" value=""><span>字段9：品种简介图src 格式举例：1-2 （只写1-2，下一个条数据2-2）</span></br>
      <input type="text" class="sj" value=""><span>字段10：相册图1的src 格式类似 1-3</span></br>
      <input type="text" class="sj" value=""><span>字段11：相册图2的src</span></br>
      <input type="text" class="sj" value=""><span>字段12：相册图3的src</span></br>
      <input type="text" class="sj" value=""><span>字段13：相册图4的src</span></br>
      <input type="text" class="sj" value=""><span>字段14：形态特征图src</span></br>
      <input type="text" class="sj" value=""><span>字段15：性格特征图src</span></br> -->
      <input type="button" id="btn" value="提交">

  </body>
  <script type="text/javascript">
  var XMLHttp
  if (window.ActiveXObject) {
    XMLHttp = new ActiveXObject('Microsoft.XMLHTTP');
  }else{
    XMLHttp = new XMLHttpRequest();
  }
  var button = document.getElementById('btn');
  var sj = document.getElementsByClassName("sj");
  btn.onclick = function () {
    if (sj[0].value&&sj[1].value&&sj[2].value&&sj[3].value&&sj[4].value&&sj[5].value&&sj[6].value) {

      url = "php/addtest.php?sj1="+sj[0].value+"&sj2=source/articleImg/"+sj[1].value+"&sj3=source/articleImg/"+sj[2].value+"&sj4="+sj[3].value+"&sj5="+sj[4].value+"&sj6="+sj[5].value+"&sj7="+sj[6].value;
      console.log(url);
      XMLHttp.open('get',url,true);
      XMLHttp.send(null);
      XMLHttp.onreadystatechange = function () {
        if (XMLHttp.readyState == 4) {
          if (XMLHttp.status == 200) {
            alert(XMLHttp.response);
          }
        }
      }
    }else{
      alert("请核对信息")
    }
  }
  </script>
</html>
